Muchas veces nos complicamos la vida sin necesidad me refiero en el tema blog claro está, aunque en el tema personal también ocurre pero eso es otra historia.
No sé la cantidad de formas que hay para expandir y recoger texto, códigos o cualquier contenido, lo cierto que es el tema que más consultas recibe este blog y también que al añadirlo a las plantillas adaptadas los problemas se multiplican.

Hay un script que proporciona J.Miur y me parece la forma más sencilla de ocultar un contenido sin necesidad de hacer grandes cambios en la plantilla. Únicamente es necesario añadir un script justo antes de </head>


<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;

if(c.style.display=='none') {
c.style.display='block';
} else {

c.style.display='none';
}
return false;
}
</script>

Una vez añadido sólo queda ubicarse en el sitio que vamos a ocultar post, sidebar o cualquier parte, para añadir lo siguiente:

Aquí escribimos el texto visible....
<a onclick="return verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido oculto</div>

En contenido oculto podemos incluir cualquier cosa.

Vídeos [+/-]


Imágenes[+/-]


Texto [+/-]
Maecenas pretium, neque vel sodales dapibus, mi lorem congue lorem, quis euismod justo nisi id ipsum. Proin sapien. Aenean sed magna ac ligula tincidunt aliquet. Vestibulum ipsum tellus, ornare sed, cursus nec, luctus at, risus. Aenean vulputate, ligula sed tincidunt pretium, nisi magna ultrices orci, et dapibus leo lectus vel risus. Mauris vulputate scelerisque sem. Quisque quam nibh, malesuada eu, rutrum in, rhoncus id, dolor.


Código[+/-]

<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;

if(c.style.display=='none') {
c.style.display='block';
} else {

c.style.display='none';
}
return false;
}
</script>


Podemos sustituir el símbolo de expandir recoger por una imagen, lo que haríamos sería añadir <img src="url-de-la-imagen"/> en lugar de [+/-]

Pellentesque pulvinar, tortor viverra facilisis faucibus, augue risus tempus ipsum, vel interdum ante pede nec nisl.
Mauris vitae massa id lorem blandit tempor. Nam lacinia mi eu neque. Donec porttitor feugiat felis. Sed placerat facilisis turpis. Vivamus tempus urna sit amet sapien. In lacinia vulputate lorem.


Ariane

Muito bom! Posso repassar aos meus leitores? Abraços!

Responder
Gem@

Hola Ariane claro que puedes compartirlo con tus lectores.
Abrazos :)

Responder
Liz Hopps

Gemma, hay alguna forma de utilizar el metodo de expandir y recoger solo en algunas entradas?

besos...feliz advientoooooooooooooo!!!

:D

Responder
Gem@

Liz sólo aparece donde añadas:
<a onclick="return verocultar(this);"href="javascript:void(0);">[+/-]</a>

<div style="display: none;">Contenido oculto</div>

Lo puedes agregar a la plantilla de entrada y evitas tener que añadirlo cada vez :)

Responder
mas de mi que de... lirio

Gema, solo dejarte un saludito... es tanto lo que escribes, ayudas y compartes que paso siempre y casi nunca digo.
Así que hoy un besito desde mi alma que bien merecido lo tienes.

Responder
Unknown

claro que a vos te parece fácil preciosa jajaja...te acuerdas que te dije que habías vuelto???!!! NOOOOOOOOOOO, el dolor de mis rodillas está afectando mis neuronas!!! (nada grave solo tengo rotos los meniscos, las mujeres deberíamos tener en cuenta lo del aerobic, lo dañoso que puede ser!!!)...sigo estás en el escritorio, no llegas por el correo!!! jajaja...mis besos Gema!!!

Responder
El errante

Prueba: http://cotimedia.blogspot.com/2008/12/coti-rarezas.html

No me funciona :(

Cabe destacar que al guardar el script en html se me convierte a

...

if(c.style.display=='none') {
c.style.display='block';
} else {

c.style.display='none';

...

¿me pueden ayudar?

grass de antemano :)

Responder
El errante

Perdón, no salió en pantalla. Lo que quise decir es que en vez de none por ejemplo aparece: 'none&#39

No se si puede ser una pista :(

Responder
Blanca

Gracias Gema!
Sobre esto te preguntaba yo hace poco. Lo probaré.
Solo una cosa. Sabes que tengo problemas de tiempo de carga. Supongo que son los scripts, que me ralentizan, para eso tengo que repasar toda la plantilla y sin tener ni idea de html lo tengo un poco crudo, pero lo intentaré. Quería preguntarte, ¿hay alguna forma de identificar los scripts sin que salgan en pantalla? Es decir, poner una línea que diga "script para expandir/contraer", y así saber dónde empieza y acaba cada uno.
Gracias de antemano.

Y si alguien me puede decir alguna forma de comprobar qué me ralentiza la carga del blog, se lo agradecería un montón.

Besos,
Blanca

Responder
Anónimo

Muy bueno el script, y lo que mas me gusta a mi en ello la sencillez y que sea facil.
Gracias por el aporte.

Responder
Jose, a secas

Este truco me encanta hermanita. A ver si busco un hueco y lo aplico al blog que falta le hace algún cambio :D

Abrazos ;)

Responder
Gem@

Más de mi que de... lirio no debes preocuparte por no comentar, si encuentras lo que buscas y te gusta lo que ves es suficiente.
Yo te agradezco igualmente. Un abrazo :)

Vaya vaya... Graciela ten cuidado que el aeróbic hay que hacerlo con moderación y controlado por un experto/a
No sé que problema puede ser el que me comentas al parecer voy y vengo de tu escritorio continuamente jajajaja eso es porque soy muy inquieta.

Admin he mirado tu plantilla y está muy bien aplicado, es normal que se convierta pero el efecto sigue siendo el mismo.
Prueba en la entrada a añadir todo en una misma línea, es decir todo seguido. A mitad del código tienes un salto de línea podría ser eso.
Ya me dices que algo ;)

Blanca y + para señalar algo en la plantilla y que no se muestra añade lo siguiente:

<!-- aquí pones el texto que quieras-->

El tiempo de carga de un blog depende mucho de la conexión, de los archivos incluso de la afluencia de tráfico en una página.
Mira el tiempo de carga de tu página aquí

Responder
Gem@

Hola hermanito estábamos comentando al mismo tiempo ¡ya estás tardando en dar algún cambio! ¿qué pasó con mi hermano creativo que siempre estaba diseñando cosas?

Responder
Gem@

Sisco te pasé por alto :)
Me alegra que te guste.

Responder
Antony

Buen script, hay mucho similares pero este lo veo más accesible, no hay que estar subiendo a alojadores ya que eso me da ladilla.

Saludos & Abraços

Responder
Maite

Qué cortito Gema! Se me estaba ocurriendo, y si lo usamos para el "leer más" ??? O mejor cada cosa para lo que es? No se me había ocurrido lo que ocultar videos :D eres la cañaaaaa!

Entre tantos mensajes te dejé uno en "los comentarios de gem@blog" pero se te ha debido pasar :D, no me extraña con tantas consultas! no consigo hacer la fuente de los comentarios más pequeña, ni poner la fecha solo con números (23.03.08 por ejem) y necesitaría que el nombre del comentarista saliese en blanco, si es anónimo sé cambiarlo pero si ya es un nombre con enlace a blog me sale por defecto de color gris y al pasar el ratón se convierte en naranja, El problema es que el gris no se aprecia sobre la imagen decorativa de cada comentario... se puede forzar a que sea blanco y no gris?
Gracias, (es la primera vez que veo lo de enlaces funcionar! me ha gustado aunque estaré loca? ya no lo veo :O!!!). Un beso!!

Responder
Gem@

Hola Maite el sistema de leer más es mucho más complejo porque requiere modificar ciertas partes de la plantilla, este script lo podemos utilizar como efecto de ocultar mostrar que viene a ser lo mismo que leer más o read more.
Sobre lo de los comentarios vamos a verlo ya mismo.

¿A qué enlaces te refieres que los ves funcionar ?

Responder
El errante

gem@, lo tengo solo en una línea, y sigue sin funcionar .. :(
no se qué puede ser .. he revisado todo y nada ..
a ver si me puedes ayudar

Responder
Maite

Gracias Gema, eres un amoooooor.

Lo de los enlaces, ahiiii abajo que lo estoy viendo ahora, bajo lo de "comentar con antiguo editor" (de libros, cine, música...) ahora si los veo y antes si y no, :D magia o yo que estoy loca jajaja

Responder
Unknown

Guauuuu gema este si que lo conseguí muy buen efecto gracias y por si se me olvida felices fiestas a todos y de nuevo gracias Gema. Un abrazo.ritxard

Responder
Susy

Pues voy a ponerme a ello, que me gusta mucho y siempre que lo he visto en tu blog me ha dado envidia jejejeje

Responder
Gem@

Admin prueba a añadirlo antes de </body> por si crea conflicto con otro script y si ves que no te funciona mándame la plantilla que vea donde está el error :)

Ahhh Maite eso son los backlins que se volvieron locos.
Los backlins son enlaces de otros blogs a una entrada especifica, y puede ser que hayan enlazado esta enyerbada pero no todos Blogger perdió la cabeza y está ocurriendo en más blogs :)

La tahona menos mallllll que algo te es útil jajajaja que alegría me das :)

Hola Susy es muy sencillo así que no hay pegas :)

Responder
Gem@

Saludos Antony me alegra que te guste :)

Maite nos falta lo referente al color :)

Responder
Usuario10

Admin a mi me pasaba, el error lo corregi checando como dice gem@, al copiar y pegar habia un error en ... "href ... estaba pegado lo unico que hize fue separarlo ... " href ... y asi ya me funciono.

Saludos gem@

Responder
Maite

Gracias Gema. Ya sabes que no tengo prisa. :D

Responder
El errante

Tigremen, gracias por intentar ayudarme, pero lo separé y sigue igual ..
Gem@, como me comentaste, te envié la plantilla al mail :)

Grass !

Responder
Deybi

Hola Gem@.

Estas segura que no falta algo?. Porque es demasiado fácil. Primer Script que instalo tan rápido y que funcione de una vez.

Un consulta: En mi blog los enlaces que tengo son muchos, por lo que ocupan un poco de espacio. Existe alguna manera de usar este tipo de recurso para ello?.

Saludines!.

Responder
Gem@

Gracias Tigremen :)

Maite te hice una visita y está de película :)


Ya te respondí Admin al correo :)

Hola Birdelo, si faltara algo no te funcionaría :)
Yo creo que si puedes aplicarlo al gadgets de amigos, Tendría que ver como hacerlo pero si se puede :)

Responder
Prof. Cristian E. Moyano

Lo bueno de esto es que puedes agregar varios scripts de expandir/contraer [+/-] en el mismo post no es cierto? Te pregunto por que, el que uso yo solo se puede colocar una vez ya que si pones más de uno te lo toma y se hace "transforma" en uno solo. A ver si me explico: no lo toma independientemente a cada script sino como uno solo, me entendés?. Con este script no pasa lo mismo, no es cierto?

Responder
Gem@

Así es Cristian lo puedes añadir cuantas veces quieras en una misma entrada :)

Responder
Maite

Gracias Gema :D a mi me siguen gustando tus cambios, super finos como todo.

Responder
El errante

Gem@, te respondí en el mail.
Sigue sin funcionarme, se ve que según se encienden las luces en las calles se me apagan a mi, jaja.
Grass !

Responder
Emerald

Hola Gema,he visto que en tu página principal solo tenés 4 post y en las secundarias también. En mi blog, si cambio la cantidad en la principal, en las páginas secundarias igual me salen 20. Dónde le debería cambiar para tener en todas la misma cantidad que en la principal?
Gracias

Responder
Emerald

:D lo solucioné! ahora veo la misma cantidad en la principal y en las secundarias, pero no cambia en las de etiquetas :S bue, algo es algo!
Saluditos

Responder
Gem@

Admin hay que seguir mirando si crea conflicto con otro script, lo que puedes hacer es añadir la plantilla en tu blog de pruebas (la plantilla limpia sin ningún script y añades este debe funcionar) entonces vas añadiendo de uno en uno los que tienes y comprobando donde dejar de tener efecto de esa forma sabemos el que da problemas e intentaremos cambiarle el nombre.

LuzdeLuna esa parte la puedes modificar en Configuración|Formato|Mostrar cantidad de entradas o días ;)

Responder
paqui

Felices Fiesta Gema y un maravilloso año 2009....

Responder
Gem@

Igualmente te deseo Paqui, ya hay vacaciones escolares ya se nota más la Navidad ;)

Responder
Anónimo

:D Buenas cosas como siempre..Aunque me gustaría que ese efecto fuera para todos los posts igual, Expandir y recoger sin hacerlo individualmente.....Felices Fiestas

www.elrastreador.com

Responder
Gem@

Emigasei67 si te refieres a tener que añadirlo cada vez eso se soluciona incluyendo la segunda parte en la plantilla de entrada.
Felices fiestas :)

Responder
LUPS

Hola Gem@! Pues me ha llamado la atención este método para expandir y contraer. En mi caso, lo quiero utilizar para ocultar algunos links de mi blog.
Resulta que llevé a cabo todos los pasos. Cuando lo puse en marcha para ocultar unos feeds, resulta que solo me aparece los símbolos de +/- ¡pero no me contrae ni expande nada! Aparecen fijos.

Me gustaría poder aplicarlos ya que sinceramente, mi blog tarda aaañooos en bajar y ello me resta un poco de visitas, además que está muy pesada la carga. Me ha encantado cómo colocaste en la parte de abajo tus directorios, estadísticas y otros en tu site y si no es molestia, me gustaría que me orientaras para poder agilizar mi blog. De antemano, gracias por atender mi petición y recibe cordiales y fuertes abrazos desde México.
LUPS
http://comunicarte15.blogspot.com

Responder
El errante

Juer, por fin he hecho funcionar este script, gracias GEMA !!!
Ahora tengo otro problema jeje
Mira: http://cotimedia.blogspot.com/
¿Sabes como hacer que no exista tanto espacio entre el menú y el primer post?
Por último, ¿cómo hacer que la burbuja del número de comentarios esté en la misma línea del post en vez de un poco arriba hacia la derecha?
Siento mi torpeza.
Grass de antemano ! :)

Responder
El errante

Bueno, déjalo, en el lateral si funciona y bueno, tampoco me urge, muchas gracias !

Responder
Gem@

Hola LUPS en esta entrada Rosa explica como expandir los archivos de una forma fácil y muy rápida.
Sobre el sistema que uso para el footer de este blog se trata de utilizar animatedcollapse.js puedes ver como hacerlo en esta entrada
Sobre la carga del blog no es tanta, lo que tarda en cargar son los slideshow donde añades las imágenes, ese tipo de efectos son muy bonitos pero nos impiden navegar por el blog hasta que su carga no ha sido completada.
de todas forMas el tiempo que una página tarda en cargar depende de muchas cosas algunas de ellas como la conexión, horario, servidor y otra la cantidad y el tipo de archivos que tenemos alojados, si estos archivos son externos tardará todavía más.
Aquí puedes comprobar el tiempo de carga.
Tools



Admin para bajar un poco la burbuja prueba en padding-top si le pones 0 quedará al mismo nivel que las otras.
El menú voy a mirarlo ;)

Responder
Gem@

Al parecer escribimos al mismo tiempo.
Tu decides si seguir probando ,a mi no me cuesta trabajo guiarte o probar lo que me dices, estas cosas pasan mucho en las plantillas adaptadas y hay que reconocer que el script debería funcionar sin problemas ¿hiciste lo de añadirlo a otro blog con la misma plantilla?

Responder
LUPS

Y total... Que hice lo que me dijiste mi admirada Gem@ y nada que pude... snif . No sé en dónde estuvo mi falla. Te cuento, lo que deseo es que en la parte donde dice MI RANKING, aparezca oculto. Ya subí el archivo que me has enviado a mi servidor, lo coloqué arriba del HEAD, y a la hora de querer hechar a andar la cosa, nada más no me dejó. Creo que soy bastante cabezotas... ¡HELP ME PLEASE!!
Gracias de nuevo por sacarme de dudas...Ando que no doy una!!

Responder
El errante

Gem@, lo de la burbuja no le entendí bien, :$
¿padding sería para el número no?
pero me refiero a tenerlo como tú, la burbuja en la línea horizontal del nombre del post ..
grass de antemano :)

Responder
Gem@

LUPS el script debe ir antes de </head> fíjate bien que tiene una barra como cierre /

Admin con padding mueves la burbuja prueba por ejemplo:
padding: 10px 0 0 20; y míralo en vista previa.

Responder
Josep

Hola Gem@: he implementado este consejo desde que lo leí y me parece muy útil y bueno.
Justamente acabo de publicar una entrada en la que lo uso con profusión y además, he logrado hacerlo recursivo.
Pero me queda feo, porque he metido comentarios en medio y no me salen como "punto y aparte", porque no sé como hacerlo.
Te agradecería que cuando tengas un momento, le des un vistazo y si pudieras aconsejarme, lo agradecería.
La entrada es de fecha de hoy, 28/12/2008 y el despliegue "especial " es el primero.
Gracias anticipadas.

p.d.: no sé si saldrán dos comentarios seguidos, porque el primero parece haberse perdido en el limbo... ???

Responder
Gem@

Hola Josep , el problema está que creas un enlace con todo, deberías dejar cono enlace esto "[+/-]"
Es decir...
Sabrina (1995) (aquí empieza el código )de esa forma sólo enlazamos el signo expandir -recoger

Y una vez que termina el código debe saltar a la línea siguiente y comenzar de nuevo.

Si ves que no te resulta bien mándame esa parte de código a mi mail y lo solucionamos :)

Responder
Josep

No me explico bien, Gem@:

Precisamente estuve horas antes de dar con la forma de meter más de un contenido oculto que se vaya abriendo a cada click, precisamente para que no se vean los que siguen.

El problema es que el comentario que precede al siguiente video, quisiera que apareciera como párrafo aparte. Supongo que habrá alguna orden (o como se llame) para que se produzca un salto de linea.

No sé si me explico....

Gracias.

Responder
Gem@

Te explicaste muy bien Josep, la solución para eso es lo del salto de línea.
En el contenido oculto va el vídeo y luego el texto pero no deber ir seguido del vídeo.
O mejor aún haz lo siguiente...
Tal y como lo tienes edita la entrada y justo donde termina el código del vídeo añade esto <br> eso crea un salto de línea veamos si es lo que tu quieres.

Responder
Josep

¡Perfecto, Gem@!

En vez de un
he añadido dos, para dar más "aire" y justo es lo que quería.

Muchísimas gracias.

Me parece un invento genial; lo he usado tanto para videos, como texto, como fotos, y cuando se le pilla el tranquillo, es muy útil. Y además, aunque me costó entender el mecanismo, también permite ampliarlo.

Reitero mi gratitud.

Responder
Gem@

Me alegra mucho, lo otro que yo te decía era que para que no se vea ese subrayado del enlace... que dejaras fuera el principio del texto y sólo enlazaras esto [+/-] no es que sea imprescindible pero gana mucho en estética :)

Responder
Josep

Gem@: acabo de mandarte el código a tu buzón, para aclarar esto del enlace que, tienes razón, no queda muy estético.

La respuesta la dejas aquí, para que aproveche a todos, si te parece.

Saludos y gracias.

Responder
Gem@

Lo he recibido Josep no te contesté porque tengo el correo saturado a preguntas pero lo tengo en cuenta, espero poder mandártelo hoy :)

Responder
Josep

Tranquila, Gem@: no tengo prisa alguna, así que no les des prioridad sobre otros.

Gracias.

Saludos y feliz año nuevo.

Responder
Juan Pablo

Hola Gema, saludos. Me ha costado entender este proceso. Se me hizo sencillo insertar el script en la plantilla, pero luego cuando dices "ubicarse en el sitio que vamos a ocultar" no se exactamente a que te refieres.

Por ejemplo, yo quiero usarlos para expandir y recoger el contenido de mis posts. ¿Debo insertar el otro script en cada post, cierto?

Responder
Admin

Cierto Juan Pablo,como bien dice Gema después de insertar el script en la plantilla el otro código es el que tienes que añadir a la entrada tantas veces como quieras ocultar tramos en tu entrada.

También tienes otra opción para no tener que añadirla cada vez en tu entrada que es de la siguiente manera:
Configuración/Formato/Plantilla de entrada
allí pegas el segundo código y guardas los cambios.

Así cada vez que crees una entrada ya lo tienes incrustado.

Saludos.

Responder
Gem@

Así como indica Furanani puedes hacerlo Juan Pablo.
Gracias Furanani estas aportaciones siempre se agradecen ;)

Responder
Admin

En aportaciones y ayudas tengo mis pinitos :D pero en otros terrenos.En el html todavía me queda mucho que aprender...pero tiempo al tiempo...

Por cierto,leí en alguno de tus comentarios que tenias pendiente lo de las tablas de contenido como tienes en el inicio de tu blog
Contenido
Pero que era algo largo de explicar en un comentario.Lo he estado buscando pero no lo he encontrado,lo que significa que o no lo has editado todavía,o se me a ido el santo al cielo y una cosa me a llevado a otra...:D

Me interesaría mucho el crear un blog como el que tienes en el cual se van añadiendo todas las entradas editadas.Sospecho que se van añadiendo automáticamente cada vez que haces una entrada,pero no estoy seguro.

Ya me sacaras de esta espirita que tengo ;)

Responder
Gem@

Furanani tu lo has dicho, lo tenía pendiente esa entrada y muchas más pero el tiempo no da para más y es una entrada muy laboriosa porque me gusta hacerlas paso a paso y con imágenes.
J.Miur y Rosa hicieron entradas sobre ese tema creo recordar que se llama bloc-toc.
Estás en lo cierto que se añaden automáticamente de ahí la comodidad y también lo puedes añadir en una entrada.
Siento no ser de más ayuda :(

Responder
M P

GRACIAS TIENES EL BLOG MAS COMPLETO QUE HAYA VISTO FELICITACIONES......

MAGBRASTAR.BLOGSPOT.COM

Responder
Gem@

Muchas gracias Magbrastar :)

Responder
Jose

Hola Gem@. He visto que en la sidebar utilizas este desplegable en tus archivos. A mí me resultaría útil también en esa posición, pues así me ocuparía menos espacio una larga fila de enlaces para descarga de actividades del cole. Mi duda es saber como puedo hacerlo de la forma en que lo tienes tú.Si tienes un ratito, ¿me cuentas cómo lo hago? Mil gracias.
Un beso.

Responder
Gem@

No se trata de lo mismo Jose, pero por supuesto que lo explicaré. Como me lo preguntaron varias veces si te parece lo hago en una entrada ;)

Responder
Jose

Me parece perfecto, Gem@. A la espera quedo. Por cierto, y aprovechando la coyuntura, ¿usas algún programa en concreto para las capturas que usas en los post? Te quedan muy chulas con la sombra y todo eso.Gracias y un beso.

Responder
Gem@

Ya tengo la entrada en borrador Jose, a la noche la termino y le doy salida.
Sobre las imágenes tiene como decimos aquí tela marinera. Casi todo lo que uso son herramientas online, por si te sirve te doy un adelanto de algunas.
Capturas: http://lightscreen.sourceforge.net/ (necesario descargar al PC)
Recorte de imágenes:http://www.resizeyourimage.com/ (herramienta online)
Sombra en los bordes:http://picshadow.com/ (online)
Efectos varios:http://www.pikifx.com/ (tambén online)
Los editores de imágenes no son lo mío voy por el camino sencillo y rápido como puedes ver :)

Responder
Juan ORTiz DELgado

Hola Gema, muchas gracias por éste y otros trucos.
He intentado lo que propones en esta entrada de expandir y ocultar, pero no me funciona.
Creo que el error se debe a que cuando guardo la plantilla automáticamente se cambian los caracteres ' por su código correspondiente '
Lo mismo sucede si utilizo la doble comilla normal ".
Lo he intentado desde blogger normal y en borrador, y con el Firefox y el Explorer, pero siempre cambia los caracteres.

No sé que más probar, a ver si a ti se te ocurre algo.

Muchas gracias por anticipado.

Responder
Juan ORTiz DELgado

Vaya, no me di cuenta que al escribir el código tal cual luego se publicaría el carácter que representa.
Me refería a que las ' las cambia por (añado un espacio entre medias) &# 39;

Responder
Gem@

Juan deja un ejemplo que pueda verlo o mándame a mi correo el código que añades ;)

Responder
Juan ORTiz DELgado

Gracias Gem@, te lo envío por correo.

Responder
Gem@

Ya te contesté Juan, esperemos que así te funcione bien :)

Responder
Juan ORTiz DELgado

La ayuda que nos brindas no tiene precio.

He hecho lo que me indicas pero sigue sin funcionar :((

Si ves que está el tema complicado no te preocupes, me olvido del tema de ocultar textos y ya está.

Muchas gracias otra vez.

Responder
Gem@

De eso ni hablar, mándame el código por correo que sigamos mirando :)

Responder
Juan ORTiz DELgado

Enviado :D

Responder
Juan ORTiz DELgado

Funcionaaaaaaaaaaaaaaaaa :D

Millones de gracias Gema.

Responder
Gem@

Quien la sigue la consigue ;)

Responder
atajar

hola gema ya he planteado mi problema en varios sitios a ver quien me ayuda cuando entro en una de mis etiquetas en este cso las tengo como categorias el contenido sale en escalera eso en firefox, en ie sale bien me parece que ha sido a raíz del cambio raro que hubo de los seguidores no estoy segura los he quitado y sigue igual ,porfa puedes ayudarme, un saludo y gracias

Responder
Gem@

Si Atajar, te contesté en el otro comentario, te preguntaba si no habías realizado ningún cambio en la plantilla últimamente...

Responder
Unknown

jejeje...xD creo k es la segunda vez k hago este mensaje.... o estoi loco..???? ajajaja
Bueno creo k estoy loco jajaja

Mira ya puse los codigos.. y pss te digo que si me oculta el contenido.. pero despues ya no me lo muestra.... sabes a k se debera..???? jejeje
me avisas... jejeje

Gracias Gem@ jeje :D

Responder
Unknown

Weno ya solucione el problema..jejeje pss la verdad no se cual era... pero te dire que hice.. jejeje pss dije.."esta igual k el codigo k dio gema.. pork no funciona.." y pss me fui al codigo fuente.. y pss vi que estaba igual... pero lo copie y lo pegue y psss funciono.. compare los codigos y pss no veo diferencia.. pero como que tiene maña en truco este.. jejeje... Mira la imagen para que veas.. http://img300.imageshack.us/img300/2967/ejemplo.jpg la imagen
http://pruebasaniseries.blogspot.com/2009/03/prueba.html aki es donde esta publicado eso...

Responder
Gem@

Pues el enlace está roto pero la imagen si pude verla, me alegra que lo resolvieras :)

Responder
Nessa

hola Gem@, muchisimas gracias esta barbaro este truco..solo q me funciona cn texto..al menos en mi entrada q tiene imagenes no me anda..ya me fije en cada espacio modificando todo..pero nada..en mi blog aparece el [+/-] pero no expande nada :S
Te dejo un link,ahi subi mi entrada en html en un block de notas para q veas si queres q error tiene..por q yo no lo encuentro ¬¬
Muchisimas Gracias =D

http://www.megaupload.com/?d=DWSTYBZF

Responder
Gem@

Nessa no lo puedo abrir, mándalo a mi correo o déjalo en tu blog que lo vea.

Responder
Marjo

Hola, no se que será pero lo he intentado muchas veces y no me muestra el contenido para expandir....
Pegue lo de arriba tal cual y reemplace en la entrada los textos donde deb{ian ir, pero aun así, no expande.....
Ojala puedas ayudarme :(

Responder
Gem@

yz marjo0731 necesito verlo online para saber donde está el error ¿de qué blog hablamos?

Responder
Counter Strike

Miiil gracias!! justo lo que buskava

Responder
Gem@

yz Me alegra que así fuera Counter Strike :D

Responder
Quien quiere plataa!!

Uhh se me olvidava preguntar... pero y esto no me va a perjudicar el contenido?? quiero decir no va a esconder dicho contenido a los buscadores??

Espero su respuesta y gracias

Responder
Gem@

yz Pues no, no oculta el contenido a los buscadores porque sigue estando ahí :)
Es un sistema más de expandir-recoger como otro cualquiera sólo que lo añadimos cuando nosotros deseamos.

Responder
EmmaX

GRACIAS ME ANDUBO DE DIES SOLO TUBE QUE UNIR LAS LINEAS

Responder
Anónimo

bueno gem@, lo logré. no era lo que quería (lo que quería era tu sistema de expandir sin tener que recurrir al [+/-] que en mi caso queda feísimo. puedes verlo en mi página http://paraninosconacebza.blogspot.com.

Ahora quiero que lo veas, me gustaría cambiar la llave [+/-] por una FLECHITA situada JUSTO DEBAJO DEL TÍTULO y centrado (DIRECTORIOS). y también me gustaría "activar" la palabra DIRECTORIOS, para que al pulsar en la flecha y en la palabra se abra y se cierre el gadget. GRACIAS MIL!!!¿cómo lo puedo hacer?

Responder
Anónimo

:S :D

Responder
Anónimo

es http://paraninosconcabeza.blogspot.com

perdón por el error, pero en el teclado a veces soy disléxica. mmmm...

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gem@ yo ahora por estos lados,

he añadido el 1er codigo y luego revise los comentarios y me respondi con el post de Furanani N°58 (configuracion y pegar el script en la plantilla de entradas) de ahi mi duda, esto servira para las existentes y para las por venir...que pasa con las entradas si tengo en mi caso nube en la sidebar, esto por que cuando hice los cambios no cambio nada de nada...tal vez omiti algo???

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

ingrese el segundo codigo en la entrada, en esta se refleja el simbolo +- hasta ahi bien, donde dice Contenido oculto, ingrese el resto de la entrada, pero una vez publicado no se expande queda parado. asi lo indica la barra de tareas...en que topo ahora?

Responder
Gem@

yz Grandes Sabores Banqueteria el script se pega en la plantilla y el otro código que vamos a usar para desplegar contenido se añade donde deseamos aplicar ese efecto, ya sea las entradas o sidebar.
En el caso de las entradas lo podemos añadir a la plantilla de entrada, eso quiere decir que cada vez que editamos una entrada nos aparecerá el código.
Si lo utilizamos bien, y si no le damos uso lo podemos eliminar.
Para ese problema que me dices mira que el código quede en una misma línea.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

gggggemita:no te entendi sorry, hoy parece q no es mi dia, arme y desarme todo, en la plantilla y en las entradas, solo me falto lo de la sidebar pero preferi preguntar primero si me mando una caos despues como lo soluciono...aqui mi consulta: tu tienes un perfecto orden por titulo creo, en cada etiqueta, me puedes dejar un enlace del paso a paso. o si me lo explicas tu mucho mejor...tenme paciencia querida, ya estoy aprendiendo, gracias a todos tus aportes

un muac a la distancia

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Ah y otro consulta, tal vez es mas facil:
como me explico bien, no tengo las palabras tecnicas, pero aqui va lo q nesecito, en la barra del buscador yo ingreso gema blog y me lleva directo a tu blog, me dejas un enlace a donde explicas como hacerlo, por si acaso me refiero a la barra del navegador no en el buscador de google. Ojala y me entiendas sorry por lo atolondrada me falta dormir y comer

Responder
Gem@

yz Grandes Sabores Banqueteria con sueño lo único que vas a conseguir es cometer errores que entorpecerán no sólo lo que estás haciendo sino lo que ya hiciste con anterioridad, descansa y lo intentas en un blog de pruebas en otro momento. Una vez ya consigues que funcione entonces en el blog principal lo harás con los ojos cerrados ;)
Para conseguir que el buscador nos localice hay que dar de alta el blog en Google:
http://gemablog-.blogspot.com/2006/09/google-darse-de-alta.html

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola, primero gracias por la ayudita, he estado provando y no me esta funcionando lo de expandir y recoger
lo del buscador (esto ya lo habiamos hecho) te preguntaba por cuando me busco el resultado no me lleva directamente a link del blog, existe alguna posibilidad de hacerlo?, cuando te busco en el navegador inmediatamente llego a tu blog, e incluso aparece tu logo en la barrita (como cambio eso)...bueno ahora me entro otra duda, he comprado el dominio .cl de Grandes Sabores, esto es para cuando haga mi pagina web, pero mientras tanto lo puedo enlazar al blog o son dos cosas diferentes, a pesar de que he visto blog que empienzan con wwww. no se si me explique bien. pero cualquier duda me preguntas

en cuanto al expandir y recoger:como lo agrego a la nube de la etiquetas de la sidebar?

gracias desde ya gem@

Responder
Gem@

yz Vamos paso a paso...
Necesito ver un ejemplo de como estás añadiendo el efecto expandir recoger.

El otro tema del buscador, está relacionado con el posicionamiento en los buscadores, en un buen posicionamiento influyen muchos factores.
Darse de alta en buscadores.
Cuando varios sitios te enlazan, no es mejor que sean multitud de sitios sino sitios que están bien posicionados y alto PR.
Que los títulos no contengan símbolos extraños o acentos.
Buen contenido y actualizado, también ayuda si optimizamos los títulos mira aquí
De todas formas no hay una formula mágica y todo es cuestión de tiempo y suerte.

El tema del logo en la barrita ¿te refieres a la imagen de la arroba en la barra del navegador? mira aquí

El tema del dominio es algo que desconozco :O

Mira la siguiente entrada donde se explica la forma de añadir el efecto mostrar-ocultar en cualquier gadget.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola preciosa,
si me referia a la @, gracias por el enlace, lo vi, ahora no se como hacer mi propio logo (en que programa, recuerda q aun no se usar photoshop).

El dominio, gracias de todas formas, pero si entiendes por que hay blogs que empiezan con triple w, agradeceria tu enlace al comentario

En cuanto al expandir/recoger te he enviado un e-mail con la información

Gracias Gema cuando tenga novedades positivas de mis cambios te lo hare saber

Cariños a la distancia

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Hola estimada, que tal como has estado...

Yo ahora con algo de tiempo y revisando tus entradas como siempre, tengo varias dudas en relacion al metodo de expandir y recoger pero te envie este correo que espero lo veas he vuelto a deshacer y rehacer todo desde cero y quede bloqueada al momento de llevarlo a la side bar

ojala y me puedas dar una miradita

Besos y abrazos a la distancia

Responder
Gem@

:: Hola Giovanna, te mandé un mail pero te explico aquí en respuesta a tu comentario.

-Sobre el método expandir.. ya no sé que sistema estás usando, yo vi que en los post tienes el seguir leyendo (al final del todo)
Si estás utilizando este sistema de esta entrada
debes situarte justo donde deseas que se oculte el contenido y a partir de ahí añadir:
<div><a onclick="return verocultar(this);"href="javascript:void(0);">Seguir leyendo <img style="vertical-align: top;"border="0"src="http://plantillaswebjcp.googlepages.com/arrow-down.gif" alt="Segui Leyendo"/></a><div style="display: none;">
<b>Texto que se mostrará al expandir la entrada</b>
</div></div>

Fíjate bien que donde dice "Texto que se mostrará al expandir la entrada" es donde debes añadir el texto que permanecerá oculto y al final de todo cerrar con los dos div

- Para cualquier información sobre el dominio te recomiendo entrar en el foro SpamLoco encontráis el enlace en mi sidebar.

-En el mail te explicaba lo qe puedes probar para recuperar el editor de comentarios.
Que tengas suerte :)

Responder
MAI

Hola Gema, empiezo con las dudas, empieza tú a temblar jajaja
Iba a colocar un "leer más", el que tengo puesto daba algunos problemas y dejé de usarlo.
Iba a utilizar éste, pero acabo de recordar que había una manera de presentar TODAS las entradas con, digamos, un par de párrafos o algo así, contraidas, y dandole al "leer más" se expandían.
No es exactamente lo que tiene ahora JMiur o Pizcos, pero algo parecido. La primera entrada era más extensa, se podía poner el leer más donde quisiéramos, y en las demás salán dos pedazos majos de texto, 2 párrafos por lo menos.
¿Recuerdas cuál era? :P

Responder
Gem@

:: Yo la que recuerdo es una que nos proporcionaba Blogger´SPhera era sencilla de aplicar y el resultado bueno pero resumía todos los post, aunque teníamos la posibilidad de escoger la cantidad de texto a mostrar.
Mejor lo ves %% aquí al final hay un ejemplo.
Lo que tu dices de mostrar la primera entrada completa me gusta mucho y lo he visto en alguna parte pero no recuerdo donde ¿será que J.Miur lo tiene así?

Responder
Maite

Soy una despiste, había olvidado donde te dejé el comentario ;)

Si, del primero me gusta que te deja escoger la cantidad de texto a mostrar.
Y si, es JMiur quien lo tiene así ahora. Voy para allá a ver si encuentro si lo ha explicado. Besos :)

Responder
Gem@

:: He visto que ya lo has encontrado :)
Besotes!

Responder
Unknown

Bien Piedra Preciosa :) me voy a jugar un rato chauuuu y muchas gracias!

Responder
Gem@

:: Que lo pases bien Graciela :D :D

Responder
Nano Calvo

Hola Gema, que tal?
Intento aplicar este truco pero no se abre el texto oculto, tras insertarlo como dices. Alguna idea de que puede ser?
Gracias!

Responder
Gem@

:: Hola Nano prueba de esta forma y me dices si así funciona:

<div>Aquí escribes tu entrada bla,bla,bla...<a href="javascript:void(0);" onclick="return verocultar(this);">[+/-]</a><div style="display: none;"> Aquí escribes el texto oculto bla,bla,bla...</div>

Aquí continúa el texto si quieres, de no continuar texto no añades nada..</div>

Responder
Eleté

Muchas gracias! Me sirvió mucho :D

Responder
Gem@

:: Me alegra que fuera de utilidad Eleté :)

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

Gema, como no me resulto lo de leer mas trate de agregar este sencillo metodo que me recomendaras anteriormente y me creeras si te digo que tampoco me resulto, a medias como siempre... ya no se que estoy haciendo mal mira agregue el scrip en la plantilla luego en las entradas agregue el codigo y ocultar aparece asi +- publico la entrada y al clicar en +- queda pegado no aparece el texto oculto

Responder
Gem@

:: Hola Giovanna prueba así:
<div>Aquí escribes tu entrada bla,bla,bla...<a href="javascript:void(0);" onclick="return verocultar(this);">[+/-]</a><div style="display: none;"> Aquí escribes el texto oculto bla,bla,bla...</div> y aquí si quieres más texto que será visible sin expandir.

Responder
Grandes Sabores Serv. de Banqueteria y Productora de Eventos

No amiga, resulta el recogido o sea el texto oculto pero al clicar +- queda ahi esperando al javascrip:void(0)
si de algo sirve ese datito, lo hice en el de pruebas el blog de produccion por si necesitaras darle una miradita...
seguire intentando hasta que resulte

Responder
Gem@

:: ¿Añadiste el script Giovanna?

Responder
Unknown

Hola eres increíble mas de 100 comentarios y sigues respondiendo, gracias por el post Excelente saludos desde Venezuela

Responder
Gem@

:: Gracias a ti por el comentario DvD :D

Responder
Tanika

Genial!! Así es como ha quedado en mi nuevo blog!
mil gracias Gem@! Ay...!que haría yo sin tí :D

Responder
Gem@

:: Hola Tania, sin mi harías de todo y cualquier cosa incluidas esas maravillas con fimo :)

Responder
Tanika

Muchas gracias Gem@!
Quería consultarte una cosa, aunque no sé muy bien si se puede hacer...

Como te dije, incluí este método en varios gadgets, y quedó muy bien. Ahora he modificado uno de ellos en el blog de Photo (el primero que aparece).

Lo que quiero es, que pinchando en la pestaña "Retratos" se abra "Studio en la calle" tal y como está, pero, una vez entres en esta pestaña y te muestre la entrada no desaparezcan las pestañas que se encuentran dentro de "retratos". Creo que es pedir mucho ¿no?

He probado cambiando "display: none;" por "display: hidden;" en el mismo gadget pero entonces se hacen visibles todas las demás pestañas...

Es posible hacerlo con este script?

Gracias por tu ayuda Gem@.

Responder
Anónimo

Hola Gem@!! Otra pregunta jejeje .. sabes que en uno de mis Blogs le coloque el Expandir y Contraer entradas, y en otro le coloque la cosita del "Leer mas" ... Ahora quiero intentar colocarlo de la forma en que esta tu Blog...

Se ve realmente bien, y ps, no se si me podrias decir como hacerlo :)

Salu2!

Responder
Cocina
Este comentario ha sido eliminado por el autor.
Responder
Cristina

ola gemaa! haber me echo un blog en blogger! y quiero hacer eso de un trozo de texto ponerlo desplegable.. pa q las entradas no me sean tan laaaaaargas.
y e probado lo q mas dicho.. pero no se porque no me funciona :S
lo pongo antes de /head y tambien probado antes de /body.
despues me voy a mi entrada.. pongo el otro cacho de codigo en el html de la entrada.. (se hace asi no)
y cuando le doy a guardar a todo i voy a "ver mi blog" me sale el signo ese del mas i el menos... i me deja clicar! pero cuando clico.. no me sale ningun texto.. lo e probado de mil maneras .. i no lo consigo y ya toy estresada!! no se si me puedes hacer una ayudita!
muchas gracias igualmente :)

Responder
Gem@

Hola Lilith, esta entrada tiene ya algún tiempo y posterior a ella Blogger implementó el sistema de leer más de forma que con un click ya puedes acortar la entrada.
Eso se hace desde el editor de entradas, cuando quieres cortar la entrada marcas el icono de las herramientas del corte y aplica la etiqueta "more"
http://www.gemablog.com/2010/02/personalizar-la-etiqueta-more.html
Si aún así deseas aplicar de vez en cuando este sistema sería mejor que me mostraras un ejemplo para saber dónde está el problema.

Responder
Cristina

un ejemplo como que? haber mi blog es sobre libros que leo. pongo al imagen.. la informacion.. la spnosis.. despues una reseña... un par de frases que me an gustado del libro.
y despues lo que me gustaria hacer tambien, es escribir el primer capitulo de cada libro que leo.. pero como se haria muuy muuy largo... queria hacer esto de expandir. y poner "PRIMER CAPITULO" y q clicando ay se deslizara todo el primer capitulo, y volviendo a clikar se volviera a esconder.

Pues bien.. yo pongo el primer codigo que me indicas, antes de /head ( guardo la plantilla) me voy a entradas.... y en html... pongo el segundo codigo q indicas ( dnde pones... " escribir texto q se oculta" y "escribir texto visible"
no se hace asi??? yo lo hago asi xD
guardo todo.. i cuando pongo ver blog. me sale

PRIMER CAPITULO( y el mas i el menos) y me permite clikaar! pero no me sale el texto "oculto". No se si me explikado bien.. ni si era esto lo que me pedias.. jeje
esq no me entero mucho yo con estos codigos.

Gem@

Inténtalo añadiendo al principio otro <div> y al final cerrar con </div>

<div> <a onclick="return verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido oculto</div></div>

Responder
Josep

Lilith: yo uso bastante este truco.

El capítulo lo debes insertar donde en el segundo código aparece "contenido oculto" antes del "div"

De hecho, yo suelo colocar el "div" en una línea aparte y funciona de maravilla.

Saludos.

Responder
Cristina

olaaa!! e puesto el div.. y nadaaa!! me sige apareciendo el signo i todo pero al clikar no me aparece el contenido oculto.(mi capitulo)
No se como hacerlo... x una cosa que quiero manejar del blog que sea de codigos.. y no me sale ni a la de 3!! jeje

Responder
Cristina

y tipo.... para poner pdf? para q se descargen.. o para q salga en una pagina de internet en blanco.. solo el capitulo? eso es mas sencillo? o mas dificil?
se puede hacer? gracias por la paciencia!! :P

Gem@

Para saber por qué no funciona dime dónde lo tienes añadido que pueda verlo, déjame un enlace directo y así compruebo que es lo que no está bien.
El otro tema que preguntas de poner pdf para descargar puedes hacerlo como con cualquier archivo de descarga, añadiendo el enlace directo o pegando el código que te suministran donde está alojado todo depende de dónde esté alojado el archivo Lilith.
Lo de la página en blanco no lo entiendo :S

Responder
Gustav

Este codigo serviria para las plantillas dinamicas, de blogger.
Porque lo eh intentado y no pude.
Me estaré equivocando en algo.

Saludos.

Gem@

Hola Gustav en un principio no debe haber problemas, prueba como digo en el comentario 129.a ;)

Responder
Cristina

http://adiccioneterna.blogspot.com.es/search?updated-min=2011-01-01T00:00:00-08:00&updated-max=2012-01-01T00:00:00-08:00&max-results=1


te refieres a la entrada donde lo e puesto nO?? bueno es esta. e copiado todo el enlace asi como estaba en la barra. supongo que estara bien.
es la primera entrada de todas ( solo tengo 7)

Gem@

Empecemos cambiando el script y poniéndolo tal como indica la entrada antes del cierre de la etiqueta head.
Luego, edita la entrada o mejor haz una de prueba y pega lo siguiente comprobando que estamos en la pestaña de html y sin hacer nada más dale salida a la entrada para comprobar el resultado.

Copia y pega lo siguiente

Este es el texto de inicio, el que vemos el primer lugar y el que continua permanece oculto... <a onclick="return verocultar(this);" href="javascript:void(0);">Leer más -></a><div style="display: none;">Maecenas pretium, neque vel sodales dapibus, mi lorem congue lorem, quis euismod justo nisi id ipsum. Proin sapien. Aenean sed magna ac ligula tincidunt aliquet.</div>
Aquí continúa el texto si se desea.

Si de esta forma funciona lo que te está ocurriendo es que estás cambiando de una pestaña a otra para dar color al fondo del post a la fuente y no se debe hacer eso al menos cuando estamos trabajando con un código porque Blogger altera ese código si cambiamos de html a redactar.

Responder
Cristina

siiiiiiiiiiiiiiiii me a funcionadoooooooo!! graciaaaaaaaaaaaaaas!!!! :):):)

una cosita, el "leer mas" le puedo cambiar el nombre???

aparte de eso. ya esta! muchas graciaaas

Responder
berestless

No consigo que me funcione, aparecen los signos + - pero no expande ni contrae, lo que creo que falla es que no encuentro donde aparece head

Muchas gracias.

Gem@

Debes añadir el scrip antes de </head> para que funcione pero si no lo encuentras prueba después de <head>

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top